<template> 
    <div class="mian">
        <div class="PlayDetailBox"> 
          <div class="PlayDetail-left"><img src="../../assets/images/11.jpg" alt=""></div>
          <div class="PlayDetail-right">
            <div class="right-fs" style="width: 400px;margin-left: 50px;">
              <h2 >歌单嗯嗯呢嫩无无无无无无无无无无无无无无无翁</h2>
              <div class="userinfo">
                <img src="../../assets/images/2.jpg" width="50" height="50" alt="">
                <a href="">用户名</a>
              </div>
            </div>
            <div class="ppa-play"></div>
          </div>
        </div>
    </div>
</template>

<script>
export default {

}
</script>

<style >
.PlayDetailBox{
  padding-top: 50px;
  height: 400px;
}
.PlayDetail-left{
  width: 400px;
  height: 400px;
  float: left;
  text-align: center;
}
.PlayDetail-left img{
  width: 208px;
  height: 208px; 
  border: 5px solid #fff;
}
.PlayDetail-right{
  float: left;
  width: 500px;
  height: 400px;
  background-color: rebeccapurple;
}
.userinfo{
  line-height: 50px;
}
</style>